<style>
.order-print-dots:before,.order-print-dots:after {
	content:"";
	height:0.5rem;
	width:0.5rem;
	background:#f3f3f3;
	border-radius:0.5rem;
	position:absolute;
}
.order-print-dots:before {
	left:-0.25rem
}
.order-print-dots:after {
	right:-0.25rem
}
.order-print-line {position: relative;border-bottom: 2px dashed #ddd;margin:0.25rem 0.5rem;}
</style>
<div class="order-list-page" ng-if="pagedata.op == 'main'">
    <div class="fui-header">
		<div class="fui-header-left" ng-click="goback()">
            <a class="back"></a>
        </div>
		<div class="title">我的参与</div>
		<div class="fui-header-right"></div>
	</div>
	<div style="margin-top:58px"></div>
	<div class='fui-content order-list' style="top:0">
	<div style="padding: 0.3rem 0.5rem">
	<div class="fui-list-group order-item radius" ng-repeat="item in pagedata.list">
		<div class="fui-list external" style="padding: 0.42rem 0.5rem">
            <div class="fui-list-inner">
             <div class="subtitle">[{{item.merch.merchname || '商户'}}]-{{item.info.title}}</div>
            </div>
            <div class="row-remark text-cancel bold" style="font-size: 0.75rem;text-align: right;">
			<span ng-if="item.status==1" class="syscolor">{{item.statustitle}}</span>
			<span ng-if="item.status!=1" class="gray">{{item.statustitle}}</span>
			</div>
        </div>
        <div ng-if="item.status!=8" class="external">
                        <div class="fui-list goods-list" ng-repeat="g in item.goods">
                            <div class="fui-list-media" style="">
                                <img class="" ng-src="{{tomedia(g.image) || '../core/resource/images/nopic.jpg'}}">
                            </div>
                            <div class="fui-list-inner">
                                <div class="text goodstitle towline">{{g.title || '主题名称'}}</div>
								<div class="fui-tag fui-tag-danger">{{item.typetitle || '互动活动'}}</div>
                            </div>
                            <div class="fui-list-angle">
                                ￥<span class="marketprice">{{g.price || '0.00'}}</span></div>
                        </div>
        </div>
		<div class="order-print-dots"></div>
		<div class="order-print-line"></div>
        <div class="fui-cellone" style="padding-bottom:0.2rem;padding-top:0.2rem;">
			<div class="fui-cellone-text">
				<div class="gray">创建时间</div>
				<div style="font-size:0.7rem">{{item.createtime}}</div>
			</div>
			<div class="fui-cellone-text">
				<div class="gray">订单编号</div>
				<div style="font-size:0.7rem">{{item.sn}}</div>
			</div>
        </div>
		<div class="order-print-dots"></div>
		<div class="order-print-line"></div>
		<div class='text' style="height:1.3rem;padding:0 0.5rem">
			<span class="progress" style="float: left;margin-top:0.35rem;margin-bottom:0.25rem;width: 12.5rem;height: 0.65rem;border-radius: .5rem;overflow: hidden;">
				<div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: {{item.percent || 1}}%;background-color:red;"><span class="sr-only">60% Complete</span></div>
			</span>
			<span class="process-text" style="float: left;font-size:0.65rem;padding-left:0.3rem;line-height:1.4rem">还差{{item.lastnum || 0}}人</span>
		</div>
		<div class="order-print-dots"></div>
		<div class="order-print-line"></div>
		<div class="fui-cellone" style="padding-bottom:0.2rem">
			<div class="fui-cellone-text">
				<span class="gray">共{{item.goods.length}}件商品</span>
			</div>
			<div class="fui-cellone-text">
				商品总额：￥{{item.totalprice||'0.00'}}
			</div>
        </div>
		<div class="fui-cellone" style="padding-top:0">
			<div class="fui-cellone-text">
				<span class="gray">种草截至时间：</span>
			</div>
			<div class="fui-cellone-text">
				{{item.onlinetime}}
			</div>
        </div>
            <div class="fui-list-group-title lineblock opblock">
				<span class="status noremark">
					<div ng-click="access_json('/item//id='+item.pid)" class="btn btn-sm btn-default-o order-finish">前往分享</div>
				</span>
            </div>
        </div>
	</div>
	 </div>
	<div class="content-empty" ng-show="!pagedata.list || pagedata.list.length == 0">
		  <i class="icon jinyunicon icon-cry" style="width: 6rem;margin-bottom: 0.5rem;"></i><br/><p style="color: #999;font-size: .75rem">您暂时没有订单！</p>
	</div>
</div>
<div ng-include="sys_html('_footer')"></div>
<script type="text/javascript">
if(scope.pagedata.op!='detail'){
	scope.tool.get_list('jy_videomerch/canyu/list/',true)
	scope.pagedata.scroll_bottom=function(){
		scope.tool.get_list('jy_videomerch/canyu/list/',true)
	}
}
</script>